<template>
    <el-main>
         
  <el-card class="box-card">
    <template #header>
      <div class="card-header">
        <span>课程列表</span>
      </div>
    </template>
    <div>
    <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="date" label="序号" width="180" />
    <el-table-column prop="kc" label="课程名称" width="180" />
    <el-table-column prop="cj" label="创建时间" width="180" />
    <el-table-column prop="kj" label="可见状态" width="180" >
<el-switch v-model="value" />
    </el-table-column>
    <el-table-column prop="address" label="操作" >

    </el-table-column>
  </el-table>
    </div>
  </el-card>
        </el-main>
</template>

<script>
export default {
  data() {
    return {
      value:true,
      tableData: [
        {
          date: '1',
          kc: 'java',
          cj: '2021-10-12',
        },
        {
          date: '2',
          kc: 'c',
          cj: '2021-10-12',
        },
        {
          date: '3',
          kc: 'web',
          cj: '2021-10-12',
        },
        {
          date: '4',
          kc: 'mysql',
          cj: '2021-10-12',
        },
      ],
    }
  },
}
</script>

<style>
.el-main{
  height:1000px;
}
</style>



